<div class="columns"><div class="column">
<div id="add_student_comment_modal" class="modal modal-lg" v-bind:class="{active:add_student_comment_modal_show}">
	<div class="modal-overlay"></div>
	<div class="modal-container col-5 col-sm-12">
		<div class="modal-header">
			<p class="modal-title h5">添加评语</p>
		</div>
		<div class="modal-body">
			<div class="content">
				{% verbatim vue %}
				<p class="text-gray">{{ add_student_comment_student_name }}</p>
				{% endverbatim vue %}
				<form>
					<div class="form-group">
						<label class="form-label">打分</label>
						<input type="number" class="form-input" name="score" v-model="comment_score" v-bind:class="{ 'is-error': !comment_score }">
					</div>
					<div class="form-group">
						<label class="form-label">教材</label>
						<select class="form-select" name="textbook" v-model="comment_textbook" v-bind:class="{ 'is-error': comment_textbook == 1 }">
							{% for textbook in textbooks %}
							{% if forloop.first %}
							<option value="{{ textbook.pk }}" disabled selected>{{ textbook.textbook }}</option>
							{% else %}
							<option value="{{ textbook.pk }}">{{ textbook.textbook }}</option>
							{% endif %}
							{% endfor %}
						</select>
					</div>
					<div class="form-group">
						<label class="form-label">评语</label>
						<textarea class="form-input" placeholder="写下你要说的话" name="content" v-model="comment_content" v-bind:class="{ 'is-error': !comment_content }"></textarea>
					</div>
				</form>
			</div>
		</div>
		<div class="modal-footer">
			<button class="btn btn-default" v-on:click="add_student_comment_modal_show = false">取消</button>
			<button class="btn btn-primary" v-on:click="add_student_comment()">确定</button>
		</div>
	</div>
</div>
</div></div>